<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
	<div style="width:600px; margin:0px auto;">
	<div id="main" style="margin:30px 0px;width: 600px;height:400px;"></div>
	<div id="second" style="margin:30px 0px; width: 600px;height:400px;"></div>
    <div id="three" style="margin:30px 0px; width: 600px; height: 400px;"></div>
	</div>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('main'));
		
        // 指定图表的配置项和数据
        var option = {
    title : {
        text: '简历中出现次数靠前的名词',
        x: 'center'
    },
    tooltip: {
        trigger: 'item',
		//{a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['专员','助理','5000','3000','按摩','保健','面议','8000','人事','按摩师','经理','无经验','培训','12000','人事主管','应届毕业生','2000','工作','23','24','推拿','主管','针灸','22']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius :  '75%',
            center: ['63%', '60%'],
            data:[{name:'专员',value:16053},
			{name:'助理',value:15866},
			{name:'5000',value:15617},
			{name:'3000',value:13994},
			{name:'按摩',value:12476},
			{name:'保健',value:12427},
			{name:'面议',value:11297},
			{name:'8000',value:9411},
			{name:'人事',value:7278},
			{name:'经理',value:6111},
			{name:'无经验',value:4314},
			{name:'培训',value:3971},
			{name:'12000',value:3781},
			{name:'人事主管',value:3578},
			{name:'应届毕业生',value:3430},
			{name:'2000',value:3311},
			{name:'工作',value:3185},
			{name:'23',value:2802},
			{name:'24',value:2691},
			{name:'推拿',value:2485},
			{name:'主管',value:2468},
			{name:'针灸',value:2394},
			{name:'22',value:2343}],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 10,
                    shadowColor: 'rgba(0, 0, 0, 1)'
                }
            }
        }
    ]
};
// 使用刚指定的配置项和数据显示图表。
        myChart.setOption(option);
    </script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart2 = echarts.init(document.getElementById('second'));

        // 指定图表的配置项和数据
        var option2 = {
    title : {
        text: '招聘信息中名词出现次数',
        x: 'center'
    },
    tooltip: {
        trigger: 'item',
		//{a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'right',
        data: ['1-3','3-5','不限','全职','3年','北京','移动','互联网','销售','5年','开发','技术','科技','本科','运营','融资','大专','成长型','初创','市场','上海','5-10','工程师','金融','电子商务','产品','后端']},
    series : [
        {
			
            name: '访问来源',
            type: 'pie',
            radius :  '75%',
            center: ['40%', '60%'],
            data:[{name:'1-3',value:965917},
			{name:'不限',value:682815},
			{name:'全职',value:514268},
			{name:'3年',value:420072},
			{name:'北京',value:387456},
			{name:'移动',value:354229},
			{name:'互联网',value:330818},
			{name:'销售',value:292488},
			{name:'5年',value:285161},
			{name:'开发',value:284545},
			{name:'技术',value:270914},
			{name:'科技',value:248095},
			{name:'本科',value:244252},
			{name:'运营',value:215773},
			{name:'融资',value:206679},
			{name:'大专',value:204046},
			{name:'成长型',value:196204},
			{name:'初创',value:191194},
			{name:'市场',value:184706},
			{name:'上海',value:179847},
			{name:'5-10',value:168560},
			{name:'工程师',value:128601},
			{name:'金融',value:126789},
			{name:'电子商务',value:124301},
			{name:'产品',value:120418},
			{name:'后端',value:118224}],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 10,
                    shadowColor: 'rgba(0, 0, 0, 1)'
                }
            }
        }
    ]
};
// 使用刚指定的配置项和数据显示图表。
        myChart2.setOption(option2);
    </script>
<script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        var myChart3 = echarts.init(document.getElementById('three'));
		
        // 指定图表的配置项和数据
        var option3 = {
    title : {
        text: '公司/企业用人单位介绍中出现的名词次数',
        x: 'right'
    },
    tooltip: {
        trigger: 'item',
		//{a}（系列名称），{b}（数据项名称），{c}（数值）, {d}（百分比）
        formatter: "{a} <br/>{b} : {c} ({d}%)"
    },
    legend: {
        orient: 'vertical',
        left: 'left',
        data: ['互联网','创新','移动','金融','科技','研发','市场','国内','合作','游戏','营销','网络','集团','项目','数据','智能','创业','国际','软件','全球','理念','全国','人才','经验','教育','上海','模式']
    },
    series : [
        {
            name: '访问来源',
            type: 'pie',
            radius :  '75%',
            center: ['60%', '60%'],
            data:
			[
			{name:'互联网',value:518007},
			{name:'创新',value:302514},
			{name:'移动',value:268972},
			{name:'金融',value:262850},
			{name:'科技',value:251738},
			{name:'研发',value:247909},
			{name:'市场',value:221696},
			{name:'国内',value:208430},
			{name:'合作',value:194960},
			{name:'游戏',value:194872},
			{name:'营销',value:189259},
			{name:'网络',value:187403},
			{name:'集团',value:181745},
			{name:'项目',value:178256},
			{name:'数据',value:177721},
			{name:'智能',value:165087},
			{name:'创业',value:145748},
			{name:'国际',value:143678},
			{name:'软件',value:143426},
			{name:'全球',value:140454},
			{name:'理念',value:137353},
			{name:'全国',value:137020},
			{name:'人才',value:128703},
			{name:'经验',value:128686},
			{name:'教育',value:128525},
			{name:'上海',value:128203},
			{name:'模式',value:127753},],
            itemStyle: {
                emphasis: {
                    shadowBlur: 10,
                    shadowOffsetX: 10,
                    shadowColor: 'rgba(0, 0, 0, 1)'
                }
            }
        }
    ]
};
// 使用刚指定的配置项和数据显示图表。
        myChart3.setOption(option3);
    </script>
</body>
</html>